import React, { FC } from 'react'
import IconFont from './IconFont'
import styled from '@/pages/base/index.module.scss'

interface SmallCardProps {
  iconType: string
  title: string
  content: string
}

const SmallCard: FC<SmallCardProps> = ({ iconType, title, content, children }) => {
  return (
    <div className={`${styled.card} ${styled.mrb40}`}>
      <div className={styled.cardItem}>
        <div className={styled.title}>
          <IconFont type={iconType} className={styled.icon} />
          <div className={styled.header}>
            <span className={styled.titleh3}>{title}</span>
            <span className={styled.headerContent}>{content}</span>
          </div>
        </div>
        {children}
      </div>
    </div>
  )
}

export default SmallCard
